<style>
.option-picker .fui-navbar .cartbtn {
    padding-right:0.3rem;background:#fff;opacity:1
}

.option-picker .fui-navbar .buybtn, .option-picker .fui-navbar .confirmbtn {
    padding-left:0.3rem;background:#fff
}
.fee-tag-nav, .fee-tagup-nav, .fee-disabled-nav {border-radius:1rem;height:2rem;line-height:2rem;color:#fff;width:100%;font-weight:400;font-size:0.7rem;margin:0.2rem 0;padding:0 0.2rem}
.fee-tagup {background:{{main.syscolor || 'red'}};color:#fff;width:auto;font-weight:400;font-size:0.55rem}
.fee-tag-nav {background:{{main.syscolor || 'red'}}; opacity: 0.58;}
.fee-tagup-nav {background:{{main.syscolor || 'red'}};}
.fee-disabled-nav {background:#bbb;color:#fff;}	
</style>
<div class="option-picker">
	<div class="option-picker-inner">
		<div class="option-picker-cell goodinfo">
			<div class="closebtn" ng-click="pagedata.showpicker=false"><i class="icon icon-guanbi1"></i></div>
			<div class="img"><img class='thumb' ng-src="{{tomedia(pagedata.goods.image) || '../core/resource/images/nopic.jpg'}}" /></div>
			<div class="info info-price text-danger">
					<span>
						￥
						<span class='price' style="font-weight:600">
						{{pagedata.options.price || '0.00'}}
						</span>
						<span ng-if="pagedata.options.oldprice" class='delete'>
						原价：{{pagedata.options.oldprice || '0.00'}}
						</span>
					</span>
			</div>
			<div class="info info-titles" ng-if="pagedata.specs.length>0">请选择套餐</div>
		</div>
		<div class="option-picker-options modal-swiper-y">
			<div ng-repeat="(k,spec) in pagedata.specs_list" class="option-picker-cell option spec">
			<div class="title bold">{{spec.title}}</div>
			<div class="select">
				 <a ng-repeat="item in spec.items" href="javascript:;" ng-click="pagedata.post.specid[k]=item.id;pagedata.get_optionsid();" ng-class="{'btn btn-default btn-sm nav spec-item':1,'btn-select':pagedata.post.specid[k]==item.id}"> {{item.title}} </a>
			</div>
			</div>
			<div class="fui-cell-group noborder" style="margin-top:0">
				<div class="fui-cell noborder">
				<div class="fui-cell-label">数量</div>
				<div class="fui-cell-info"></div>
				<div class="fui-cell-mask noremark">
					 <div class="fui-number">
						<div class="minus" ng-click="pagedata.minus()">-</div>
						<input class="num" type="text" name="" ng-model="pagedata.post.num"/>
						<div class="plus" ng-click="pagedata.plus()">+</div>
					</div>
				</div>
				<div style="line-height:1.5rem;color:#999;font-size:0.6rem;padding-left:0.2rem">{{pagedata.goods.unit || '次'}}</div>
				</div>
			</div>
		</div>
		<div class="fui-navbar" style="-webkit-box-shadow:0 0 0 rgba(0,0,0,0.1);">
			<a ng-if="pagedata.options.stock>0 && pagedata.goods.canbuy" aria-hidden="true" data-dismiss="modal" href="javascript:;" ng-click="pagedata.check_buy()" class="nav-item btn buybtn">
				<div class="fee-tagup-nav">
					立刻下单
				</div>
			</a>
			<a ng-if="pagedata.options.stock<1 || (pagedata.post.num>pagedata.options.stock) || !pagedata.goods.canbuy" class="nav-item btn cartbtn">
				<div class="fee-disabled-nav">
					{{pagedata.goods.nobuytitle}}
				</div>
			</a>
		</div>
    </div>	
</div>